﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
<form action="../Default.aspx" method="get">

<!--表头可以用<thead>代替<tr>。 表头可以用<td>代替<th>，这样会使表头粗体、居中显示。-->
<table>
    <thead>
        <tr><th>姓名</th><th>年龄</th><th>性别</th></tr>
    </thead>
    <tr><td>tom</td><td>20</td><td>男</td></tr>
    <tr><td>jim</td><td>25</td><td>男</td></tr>
</table>
<br />

<a href="#last">跳转到最后一行</a>
<br />

<!--
    有关路径URL：
        当前路径为"./"或者直接写文件名字；
        根目录为"/"；
        父目录为"../"，父目录的父目录为"../../"。
-->

<!--html中，像readonly，checked这种只有一个可选值的属性可以省略属性值-->
<input type ="text" readonly="readonly" value="readonly" />
<input type ="text" readonly value="readonly" />
<input type="checkbox" checked="checked" />
<input type="checkbox" checked />
<br />

<!--type="image" 是一个图像button，点击时也将表单提交，参数是鼠标在图片上的坐标。eg:x=200&y=169 -->
<input type="image" src="/Img/1.jpg" />

<br />
<br />
<h4>----------------Select----------------</h4>
<!--size 属性大于1就是listbox,size的值为显示出来的列表数量-->
<select>
<option value="1">北京</option>
<option value="2">上海</option>
<option value="3">天津</option>
</select>

<select size="2">
<option value="1">北京</option>
<option value="2">上海</option>
<option value="3">天津</option>
</select>

<!--multiple属性:可多选-->
<select size="3" multiple="multiple">
<option value="1">北京</option>
<option value="2">上海</option>
<option value="3">天津</option>
</select>

<select size="10" multiple="multiple">
    <optgroup label="中国">
        <option value="1">北京</option>
        <option value="2">上海</option>
        <option value="3">天津</option>
    </optgroup>
    <optgroup label="日本">
        <option value="4">东京</option>
        <option value="5">大阪</option>
    </optgroup>
</select>
<br />
<br />
<br />
<br />

<h4>----------------label-----------------</h4>
<label for="name">姓名</label>
<input id="name" type="text" />

<!--for属性指向被修饰的控件的id-->
<label for="checkbox1">婚否</label>
<input id="checkbox1" type="checkbox" />
<br />
<br />
<br />
<br />


<h4>----------------FieldSet--------------</h4>
<!-- FieldSet与winform中和groupbox类似-->
<fieldset>
<legend>GroupBox</legend>
<input type="radio" name="sex" value="1"  checked="checked" />男
<input type="radio" name="sex" value="2" id="nv" /><label for= "nv">女</label>
<input type="radio" name="sex" value="3" />保密
</fieldset>
<br />
<br />
<br />

<!--target="_blank" 弹出新页面属性 -->
<a name="last" target="_blank" href="HTMLPage2.htm">这是最后一行，弹出新页面</a> 
</form>
</body>
</html>
